﻿<div class="input_console bg_console" style="background-color:#E7E7E7;">
    <div class="modify_area" style="margin-top: 0;">
        <form class="form-horizontal clearfix" role="form">
            <div class="pull-left" style="width:188px;">
                <ul class="nav nav-tabs tabs-left" ng-class="{'nav-stacked': vertical, 'nav-justified': justified}">
                    <li ng-class="{active: category.value == model.bgAudio.type}" class="category_item"
                        ng-repeat="category in categoryList" ng-click="model.bgAudio.type = category.value;initUpload(model.bgAudio.type);">
                        <a>
                            {{category.name}}
                        </a>
                    </li>
                </ul>
            </div>
            <div ng-if="model.bgAudio.type == '1'" class="audio_area clearfix">
                <span class="control-label" style="padding-top:12px;padding-right:5px;">
                    链接地址
                </span>
                <input class="" type="text" ng-model="model.type1" placeholder="请输入mp3文件链接"
                       style="width:280px;height:35px;line-height:35px;border:1px solid #E7E7E7;border-radius:0px;padding-left:5px;font-size:12px;" />
            </div>
            <div ng-if="model.bgAudio.type == '2'" class="audio_area pull-left clearfix"
                 style="height:auto;width:710px;background-color: #fff;margin-top: 0;padding-top: 10px;">
                <p class="upload-mp3-line">
                    <span class="btn-main" id="uploadMp3Button">
                        <b>
                            +
                        </b>
                        上传音乐
                    </span>
                    <span class="upload_mp3_tip">
                        上传音乐大小不超过2M，格式为mp3
                    </span>
                </p>
                <p class="audiosize-tip">
                    如果音乐过大,
                    <a class="btn-link" href="http://bbs.70c.com/forum.php?mod=viewthread&tid=17"
                       target="_blank">
                        请先压缩
                    </a>
                </p>
                <ul class="audio-ul-list" id="ulmp32" style="height:69vh;width:auto;">
                    <li path="{{myAudio.path}}" id="nb_musicurl" class="category_item" ng-repeat="myAudio in myAudios"
                        ng-class="{activemp3: model.selectedMyAudio.path == myAudio.path}" ng-click="selectAudio(2,$event,myAudio)">
                        <span class="audio-name" path="{{myAudio.path}}">
                            {{myAudio.name}}
                        </span>
                        <span path="{{myAudio.path}}" class="audio-play fa fa-play" ng-click="playAudio(2,$event);">
                        </span>
                    </li>
                </ul>
                <div ng-if="model.type2" class="hidden">
                    <audio id="audition2" ng-src="{{model.type2}}"></audio>
                </div>
            </div>
            <div ng-if="model.bgAudio.type == '3'" class="audio_area pull-left clearfix"
                 style="width:710px;background-color: #fff;margin-top: 0;padding-top: 10px;">
                <div class="nav2">
                    <ul class="nav2_list clearfix" id="navtype">
                        <li class="category_item" ng-click="changeCategory('all')" ng-class="{active: 'all' == categoryId}">
                            最新
                        </li>
                        <li ng-class="{active: categoryType.value == categoryId}" class="category_item"
                            ng-repeat="categoryType in categoryTypeList" ng-click="changeCategory(categoryType.value);sysTagIndex = -1;">
                            {{categoryType.name}}
                        </li>
                    </ul>
                </div>
                <ul class="audio-ul-list" id="ulmp33" style="height:69vh;width:auto;">
                    <li path="{{reservedAudio.path}}" class="category_item" ng-repeat="reservedAudio in reservedAudios"
                        ng-class="{activemp3: model.selectedAudio == reservedAudio}" ng-click="selectAudio(3,$event,reservedAudio)">
                        <span class="audio-name" path="{{reservedAudio.path}}">
                            {{reservedAudio.name}}
                        </span>
                        <span class="audio-play fa fa-play" path="{{reservedAudio.path}}" ng-click="playAudio(3,$event);">
                        </span>
                    </li>
                </ul>
                <div ng-if="model.type3" class="hidden">
                    <audio id="audition3" ng-src="{{model.type3}}" controls="controls"></audio>
                </div>
            </div>
        </form>
    </div>
</div>
<div class="modal-footer" style="display:none">
    <a class="btn-main login" style="width: 88px;" ng-click="confirm()">
        确定
    </a>
    <a class="btn-grey0 cancel" style="width: 88px;" ng-click="cancel()">
        取消
    </a>
</div>